/* 引入字体 */
/* @font-face {
  font-family: 'Roboto-Regular';
  src: url('../../theme/Font/Roboto/Roboto-Regular.ttf');
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../../theme/Font/Roboto/Roboto-Bold.ttf');
}


@font-face {
  font-family: 'Roboto-Black';
  src: url('../../theme/Font/Roboto/Roboto-Black.ttf');
} */



/* 
@font-face {
  font-family: 'MengNaHeiTi';
  src: url('../../theme/Font/Roboto/MengNaHeiTi.ttf');
} */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


html {
  background-color: #161a1f !important;
}

body {
  background-color: #161a1f !important;
}

*>body {
  font-family:  "Roboto", sans-serif;
}

h6 {
  font-family: "Roboto"  !important;
  font-weight: 700;
}





.content {
  color: #fff;

}

.content a {
  border-bottom: 1px dotted #9f9f9f;
}

.content a:hover {
  color: #ddd;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}


.content h1 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 900;
  margin-top: 50px;
  margin-bottom: 20px;
}


.content h2 {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 700;
  margin-top: 3vh;
  margin-bottom: 1vh;
}

.content h3 {
  color: #ddd;
  font-size: 1.3rem;
  margin: 0.7em 0 0.7em;
  line-height: 1.6;
  word-spacing: 3pt;
  letter-spacing: 0.2pt;
  font-weight: 900;
}


.content h3 strong {
  font-size: 1.3rem;
  line-height: 1.25;
  font-weight: 700;
  margin-top: 3vh;
  margin-bottom: 1vh;
}

.content center {
  font-size: 1em;
  margin-top: 0.5rem;
  color: #9c9c9c;
}

.content p {
  color: #ddd;
  font-size: 1.3rem;
  margin: 0.7em 0 0.7em;
  line-height: 1.6;
  word-spacing: 3pt;
  letter-spacing: 0.2pt;
}

.content img {
  border-radius: 0.8rem;
}

.content blockquote>p {
  font-size: 1.5rem;
  color: #fff;
  margin-top: 4vh;
  margin-bottom: 4vh;
  line-height: 1.5;
}


div button:focus{
  outline: 0px !important;
}


 /* code{
  background-color:rgba(242, 242, 242, 1);
color: black;
font-size: 1rem !important;
} */

.content ul {
  margin-left: 1.5vw;
  color: #ddd;
  font-size: 1.3rem;
  line-height: 1.8rem;
  word-spacing: 3pt;
  letter-spacing: 0.2pt;
}

.content ol {
  margin-left: 1.5vw;
  color: #ddd;
  font-size: 1.3rem;
  line-height: 1.8rem;
  word-spacing: 3pt;
  letter-spacing: 0.2pt;
}


.content li {
  line-height: 1.8rem;
  font-family: NotoSansSC-Regular;
  font-size: 1.3rem;
}



.swiper-slide {
  color: #161a1f;
  /* color:#fff; */
}


.swiper-slide-active {
  color: #fff;
}

.swiper-container {
  background-color: #161a1f;
}


.swiper-button-next {
  left: auto !important;
  color: #ee771c !important;
  position: absolute;
  width: calc(var(--swiper-navigation-size) / 44 * 27) !important;
  ;
  height: var(--swiper-navigation-size) !important;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2) !important;
  z-index: 10 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.swiper-button-prev {
  right: auto !important;
  color: #ee771c !important;
  position: absolute !important;
  width: calc(var(--swiper-navigation-size) / 44 * 27) !important;
  height: var(--swiper-navigation-size) !important;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2) !important;
  z-index: 10 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0vh !important;
}

.swiper-button-next {
  top: 3vh !important;
  right: 0% !important;
}

.swiper-button-prev {
  top: 3vh !important;
  left: 0% !important;
}

.swiper-button-next:after {
  content: 'next' !important;
}

.swiper-button-next:after {
  font-family: swiper-icons !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-variant: initial !important;
  line-height: 1 !important;
}

.swiper-button-prev:after {
  content: 'prev' !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons !important;
  font-size: 2rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-variant: initial !important;
  line-height: 1 !important;
}

.swiper-button-next.swiper-button-disabled {
  opacity: 0.35 !important;
  cursor: auto !important;
  pointer-events: none !important;
}

.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35 !important;
  cursor: auto !important;
  pointer-events: none !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets {

  left: 0;
  width: 100%;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background-color: #ee771c !important;
  opacity: 1 !important;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)) !important;
}

:root {
  --swiper-theme-color: #ee771c !important;
}

.swiper-pagination-bullet {
  background-color: #fff;
  width: 8px !important;
  height: 8px !important;
  display: inline-block !important;
  border-radius: 100% !important;
  opacity: 0.2 !important;
}


@font-face {
  font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_2016121_ap6ke4bqnhl.eot?t=1600136784681');
  /* IE9 */
  src: url('//at.alicdn.com/t/font_2016121_ap6ke4bqnhl.eot?t=1600136784681#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('//at.alicdn.com/t/font_2016121_ap6ke4bqnhl.woff?t=1600136784681') format('woff'),
    url('//at.alicdn.com/t/font_2016121_ap6ke4bqnhl.ttf?t=1600136784681') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('//at.alicdn.com/t/font_2016121_ap6ke4bqnhl.svg?t=1600136784681#iconfont') format('svg');
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-iconset0481:before {
  content: "\e768";
}

.icon-bofang:before {
  content: "\e8a3";
}

.icon-bofang1:before {
  content: "\e645";
}

.icon-bofang2:before {
  content: "\e681";
}

.icon-ziyuan:before {
  content: "\e610";
}

.icon-bofang3:before {
  content: "\e60d";
}

.icon-bofang4:before {
  content: "\e62c";
}

.icon-bofang5:before {
  content: "\e60b";
}

.icon-dot1:before {
  content: "\e654";
}

.icon-user1:before {
  content: "\e60f";
}

.icon-editor2:before {
  content: "\e62e";
}

.icon-ziliaoshouce-xianxing:before {
  content: "\e898";
}

.icon-14:before {
  content: "\e615";
}

.icon-l-developer:before {
  content: "\e791";
}

.icon-user-copy:before {
  content: "\e899";
}



.filterActive {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #ffffff;
  font-weight: 600;
  border-radius: .5rem;
  background: linear-gradient(150deg, hsla(0, 0%, 8%, .4) 10%, hsla(0, 0%, 45%, .15) 80%);
  box-shadow: 1px 1px 2px 0 hsla(0, 0%, 82%, .4), -1px -1px 2px rgba(0, 0, 0, .4), inset 3px 3px 2px 0 rgba(0, 0, 0, .4), inset -1px -2px 2px hsla(0, 0%, 82%, .4);
}

.filterButton {
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  border-radius: .5rem;
  display: inline-block;
  color: #fff;
  background: linear-gradient(145deg, hsla(240, 2%, 40%, .15) 15%, rgba(33, 33, 33, .4) 80%);
  box-shadow: -4px -3px 2px 0 hsla(0, 0%, 98%, .13), 4px 4px 2px 0 rgba(0, 0, 0, .4);

}


.MuiDialogContent-root {
  padding: 0 !important;
  background-color: #161a1f !important;
}

div:before {
  padding-bottom: 0px !important;
}

.MuiDialogTitle-root {
  background-color: #161a1f !important;
  color: #fff !important;
}

.MuiDialog-paperWidthSm {
  max-width: 1500px !important;
}



.coverflow__stage__14oqC {
  height: auto !important;
}

.coverflow__arrow__IDi7v {
  right: -100px !important;
  left: -20px !important;
  width: 100px !important;
}





.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}


.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;

}


.pagination>li {
  display: inline;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}